#index .section6 {
    background: url("../Images/index6/6.jpg");
    background-size: cover;
    background-repeat: no-repeat;
}

#index .section6 {
    height: 100vh !important;
    width: 100%;
    position: relative;
}

#index .section6 .imgs {
    width: 50%;
    height: 100%;
    position: absolute;
    left: 0;
    right: 50%;
    top: 0;

}

#index .section6 .imgs .L-img {
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
}

#index .section6 .imgs1 {
    background-image: url("../Images/index6/6.1.jpg");
}

#index .section6 .imgs2 {
    background-image: url("../Images/index6/6.2.jpg");

}

#index .section6 .imgs3 {
    background-image: url("../Images/index6/6.3.jpg");

}

#index .section6 .imgs4 {
    background-image: url("../Images/index6/6.4.jpg");

}

#index .section6 .imgs5 {
    background-image: url("../Images/index6/6.5.jpg");

}

#index .section6 .imgs6 {
    background-image: url("../Images/index6/6.6.jpg");
}


#index .section6 .right {
    position: absolute;
    left: 50%;
    top: 0;
    bottom: 0;
    right: 0;
    color: #333;
}

#index .section6 .right .title {
    position: absolute;
    left: 13%;
    top: 0;
    bottom: 0;
}

#index .section6 .right .title::after {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}


#index .section6 .right .title .titleText {
    position: relative;
    width: 1em;
    font-size: 2.1429rem;
    line-height: 1;
    padding: 45px 2px;
    display: inline-block;
}


#index .section6 .right .title .titleText:before,
#index .section6 .right .title .titleText:after {
    content: '';
    position: absolute;
    left: 0;
    right: 0;
    width: 2.4286rem;
    height: 1.7143rem;
    background: url("../Images/index6/png11.png") no-repeat;
}

#index .section6 .right .title .titleText:before {
    top: 0;
    background-position: left;
}

#index .section6 .right .title .titleText:after {
    bottom: 0;
    background-position: right;
}

#index .section6 .right .peoplesList {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 26%;
    width: 42%;
    color: #333;
    word-break: break-all;
    text-align: justify;
}



#index .section6 .right .peoplesList .people {
    position: relative;
    display: inline-block;
    width: 22px;
    height: 100%;
    vertical-align: top;
    cursor: pointer;
    margin-right: 35px;

}

#index .section6 .right .peoplesList .people::before {
    content: '';
    position: absolute;
    right: 50%;
    top: 0;
    bottom: 0;
    border-left: 1px solid #ccc;
    display: inline-block;
    height: 100%;
    vertical-align: middle;
    height: 100%;
}



 
#index .section6 .right .peoplesList .people>div {
    position: relative;
    padding: 25px 0 30px;
    background: url("../Images/index6/png14.png");
    font-family: "微软雅黑";
    font-size: 16px;
    line-height: 1.375;
    white-space: nowrap;
}

#index .section6 .right .peoplesList .people>div::before,
#index .section6 .right .peoplesList .people>div::after {
    content: '';
    display: inline-block;
    position: absolute;
    left: 0;
    width: 22px;
    height: 12px;
    background: url("../Images/index6/png12.png") no-repeat;
}

#index .section6 .right .peoplesList .people a {
    display: inline-block;
    writing-mode: tb-rl;
    color: #333;
}

#index .section6 .right .peoplesList .people div {
    margin: 30px 0;
    top: 25%;
    bottom: 10%;
    /* vertical-align: middle;
    vertical-align: text-top; */
}


#index .section6 .right .peoplesList .people>div::after {
    background-position: -22px 0;
    bottom: 0;
}

#index .section6 .right .peoplesList .people>div::before {
    margin-top: -30px;
}



#index .section6 .right .peoplesList .people>div a:hover {
    color: #9a2929;
}

#index .section6 .right .peoplesList .people>div a:hover ~.people::before{
    border-left: 1px solid #9a2929;
}

#index .section6 .right .peoplesList .people>div:hover::before {
    background-position: 0 -12px;
}

#index .section6 .right .peoplesList .people>div:hover::after {
    background-position: -22px -12px;
}


#index .section6 .right .peoplesList .p1 div {
    top: 40%;
    /* bottom: 10%; */
    vertical-align: middle;
    vertical-align: text-top;
}
#index .section6 .right .peoplesList .p2 div {
    top: 30%;
    /* bottom: 10%; */
    vertical-align: middle;
    vertical-align: text-top;
}
#index .section6 .right .peoplesList .p3 div {
    top: 38%;
    /* bottom: 10%; */
    vertical-align: middle;
    vertical-align: text-top;
}
#index .section6 .right .peoplesList .p4 div {
    top: 35%;
    /* bottom: 10%; */
    vertical-align: middle;
    vertical-align: text-top;
}

#index .section6 .right .peoplesList .p5 div {
    top: 42%;
    /* bottom: 10%; */
    vertical-align: middle;
    vertical-align: text-top;
}

#index .section6 .right .peoplesList .p6 div {
    top: 32%;
    /* bottom: 10%; */
    vertical-align: middle;
    vertical-align: text-top;
}


